.top{
	height:120px;
	width:1180px;
	margin:30px auto 0px;
}
.top .wlogo{float:left;width:300px;}
.top .cityList{float:left;width:700px;}
.top .cityList span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/city.png) no-repeat -111px 0; cursor:pointer;width:110px;height:30px;display:inline-block;line-height:30px;text-align:center;}
.top .cityList span.active{background:url(../images/city.png) no-repeat 0 0;}

/*content start*/
#container{
	position: absolute;
	width: 850px;
	height: 500px;
	top: 50%;
	margin-top: -240px;
	left: 50%;
	margin-left: -425px;
}
#scroll{
	width:818px;
	height:440px;
	overflow:hidden;
	position:absolute;
	left:17px;
	top:14px;
}

/* prev and next btn style */
.btn{
	position:absolute;
	top:130px;
	width:65px;
	height:65px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
	padding-top:65px;
	text-decoration:none;
	font-size:24px;
	color:#fff;
	background:url(../images/scroll-position.png)no-repeat ;
}
#btn_prev{left:-160px;background-position:0px 0px;}
#btn_next{right:-160px;background-position:-80px 0px;}
/* slider bar start*/
#slider_bar{
	width:100%;
	height:22px;
	position:absolute;
	bottom:40px;
	text-align:center;
}
#slider_bar a{
	width:15px;
	height:15px;
	display:inline-block;
	overflow:hidden;
	background:url(../images/ico.png) no-repeat;
	background-position:0 -178px;
	margin:0px 3px;
}
#slider_bar a.cur,#slider_bar a:hover{background-position:-16px -178px;}

#scroll .child{
	width:744px;
	height:489px;
	position:absolute;
	top:0px;
	left:744px;
	z-index:10;
	display:block;
	color:#fff;
}
#scroll_wrapper{position:relative;top:0px;}
#scroll .wrap{
	position:relative;
}


.box{width:564px;margin-left:120px;}
.box .tip{color:#FF0;padding:150px;font-size:30px; display:none; }
.box .air-temperature{height:148px;margin-top:22px;clear:both;overflow:hidden;position:relative;}
.box .air-temperature img{float:left;width:148px;height:148px;display:block;margin-right:20px;}
.box .air-temperature .city-temperature span{display:block;}
.box .air-temperature .city-temperature{float:left;width:172px;}
.box .air-temperature .city-temperature .city{font-size:29px;margin-top:30px;}
.box .air-temperature .city-temperature .temperature{font-size:60px;}
.box .air-temperature .date-weather{float:left;width:224px;}
.box .air-temperature .date-weather .date{width:auto;background:none;float:none;padding-left:0;}
.box .air-temperature .date-weather span{font-size:18px;margin-right:10px;margin-top:5px;display:inline-block;display:block;}
.box .air-temperature .date-weather .week-day{color:#ff0000; background:url(../images/00070.png); margin-top:44px;border-radius:5px; display:block; width:55px; text-align:center;}
.box .air-temperature .date-weather .weather{font-size:30px;}

.box .other{background:url(../images/whearther_detail.png) no-repeat; width:562px;height:69px;padding:5px 20px;clear:both;overflow:hidden;}
.box .other li{float:left;line-height:24px;list-style: none;}
.box .other .odd{width:182px;}
.box .other .even{width:330px;}
.box .other li span{display:inline-block;}
.box .other li.odd .item-title{width:80px;}
.box .other li.even .item-title{width:45px;}

.box .next-four-days-weather{background:url(../images/weather_next_four_day_bg.png) no-repeat;margin:10px auto 0;width:563px;height:122px;text-align:center;}
.box  .next-four-days-weather span{display:inline-block;width:140px;margin-right:-3px;padding:10px 0;}
.box  .next-four-days-weather span .week-day,#scroll .child .next-four-days-weather span .temperature{width:100px; text-align:left;margin:0 auto;}


#footer .tool{width:400px;text-align:left;margin:10px auto 0;height:44px;}
#footer .tool span{width:71px;text-align:center;background:url(../images/tool_ico.png) no-repeat 0 0;height:19px;display:inline-block;margin:0 15px; padding-top:25px;font-size:16px;}
#footer .tool span.red{background-position: 0 0;}
#footer .tool span.greed{background-position: -98px 0;}
#footer .tool span.yellow{background-position: -193px 0;}
#footer .tool span.blue{background-position: -291px 0;margin-right:0;}







